<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>首页 | ruiye</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
    <!-- Custom icon font-->
    <link rel="stylesheet" href="css/fontastic.css">
    <!-- Google fonts - Open Sans-->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
    <!-- Fancybox-->
    <link rel="stylesheet" href="vendor/@fancyapps/fancybox/jquery.fancybox.min.css">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="css/custom.css">
    <!-- Favicon-->
    <link rel="shortcut icon" href="favicon.png">
    <!-- Tweaks for older IEs--><!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
  </head>
  <body>
    <header class="header">
      <!-- Main Navbar-->
      <nav class="navbar navbar-expand-lg">
        <div class="search-area">
          <div class="search-area-inner d-flex align-items-center justify-content-center">
            <div class="close-btn"><i class="icon-close"></i></div>
            <div class="row d-flex justify-content-center">
              <div class="col-md-8">
                <form action="#">
                  <div class="form-group">
                    <input type="search" name="search" id="search" placeholder="输入你要查询的内容">
                    <button type="submit" class="submit"><i class="icon-search-1"></i></button>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
        <div class="container">
          <!-- Navbar Brand -->
          <div class="navbar-header d-flex align-items-center justify-content-between">
            <!-- Navbar Brand --><a href="index.html" class="navbar-brand">RuiyeClub</a>
            <!-- Toggle Button-->
            <button type="button" data-toggle="collapse" data-target="#navbarcollapse" aria-controls="navbarcollapse" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"><span></span><span></span><span></span></button>
          </div>
          <!-- Navbar Menu -->
          <div id="navbarcollapse" class="collapse navbar-collapse">
            <ul class="navbar-nav ml-auto">
              <li class="nav-item"><a href="index.html" class="nav-link active ">首页</a>
              </li>
              <li class="nav-item"><a href="blog.html" class="nav-link ">博客</a>
              </li>
              <li class="nav-item"><a href="post.html" class="nav-link ">帖子</a>
              </li>
              <li class="nav-item"><a href="#" class="nav-link ">联系</a>
              </li>
            </ul>
            <div class="navbar-text"><a href="#" class="search-btn"><i class="icon-search-1"></i></a></div>
            <ul class="langs navbar-text"><a href="#" class="active">EN</a><span>           </span><a href="#">ES</a></ul>
          </div>
        </div>
      </nav>
    </header>
    <!-- Hero Section-->
    <section style="background: url(img/hero.jpg); background-size: cover; background-position: center center" class="hero">
      <div class="container">
        <div class="row">
          <div class="col-lg-7">
            <h1>自己搭建的一个网站，just for fun！O(∩_∩)O</h1><a href="#" class="hero-link">发现更多</a>
          </div>
        </div><a href=".intro" class="continue link-scroll"><i class="fa fa-long-arrow-down"></i> 向下滚动</a>
      </div>
    </section>
    <!-- Intro Section-->
    <section class="intro">
      <div class="container">
        <div class="row">
          <div class="col-lg-8">
            <h2 class="h3">一些很棒的介绍</h2>
            <p class="text-big">在此处放置一个引人入胜的 <strong>简介</strong> ， <strong>以引起读者的注意。</strong> Lorem ipsum dolor坐镇，奉献己任，圣埃塞莫德临时工和劳动大臣。请尽量避免使用普通格式，否则将导致普通的后果。Reprehenderi的Duis aute irure dolor。</p>
          </div>
        </div>
      </div>
    </section>
    <section class="featured-posts no-padding-top">
      <div class="container">
        <!-- Post-->
        <div class="row d-flex align-items-stretch">
          <div class="text col-lg-7">
            <div class="text-inner d-flex align-items-center">
              <div class="content">
                <header class="post-header">
                  <div class="category"><a href="#">商业</a><a href="#">技术</a></div><a href="post.html">
                    <h2 class="h4">Alberto Savoia可以教你室内设计</h2></a>
                </header>
                <p>奥勒姆·伊普苏姆·多洛尔（Lorem ipsum dolor sit amet）、阿迪皮斯金（consectetur adipiscing elite）、埃乌斯莫德·莫普蒂姆（sed do eiusmod tempor incidedunt ut labore）和多洛雷·麦格纳·阿利夸（dolore ma。但埃尼姆和最小的维尼安，奎斯诺斯特鲁德的奉献，阿迪皮斯金精英，塞德多埃乌斯莫德临时工。</p>
                <footer class="post-footer d-flex align-items-center"><a href="#" class="author d-flex align-items-center flex-wrap">
                    <div class="avatar"><img src="img/me.jpg" alt="..." class="img-fluid"></div>
                    <div class="title"><span>Ray。</span></div></a>
                  <div class="date"><i class="icon-clock"></i> 两个月前</div>
                  <div class="comments"><i class="icon-comment"></i>12</div>
                </footer>
              </div>
            </div>
          </div>
          <div class="image col-lg-5"><img src="img/featured-pic-1.jpeg" alt="..."></div>
        </div>
        <!-- Post        -->
        <div class="row d-flex align-items-stretch">
          <div class="image col-lg-5"><img src="img/featured-pic-2.jpeg" alt="..."></div>
          <div class="text col-lg-7">
            <div class="text-inner d-flex align-items-center">
              <div class="content">
                <header class="post-header">
                  <div class="category"><a href="#">商业</a><a href="#">技术</a></div><a href="post.html">
                    <h2 class="h4">Alberto Savoia可以教你室内设计</h2></a>
                </header>
                <p>奥勒姆·伊普苏姆·多洛尔（Lorem ipsum dolor sit amet）、阿迪皮斯金（consectetur adipiscing elite）、埃乌斯莫德·莫普蒂姆（sed do eiusmod tempor incidedunt ut labore）和多洛雷·麦格纳·阿利夸（dolore ma。但埃尼姆和最小的维尼安，奎斯诺斯特鲁德的奉献，阿迪皮斯金精英，塞德多埃乌斯莫德临时工。</p>
                <footer class="post-footer d-flex align-items-center"><a href="#" class="author d-flex align-items-center flex-wrap">
                    <div class="avatar"><img src="img/me.jpg" alt="..." class="img-fluid"></div>
                    <div class="title"><span>Ray。</span></div></a>
                  <div class="date"><i class="icon-clock"></i> 两个月前</div>
                  <div class="comments"><i class="icon-comment"></i>12</div>
                </footer>
              </div>
            </div>
          </div>
        </div>
        <!-- Post                            -->
        <div class="row d-flex align-items-stretch">
          <div class="text col-lg-7">
            <div class="text-inner d-flex align-items-center">
              <div class="content">
                <header class="post-header">
                  <div class="category"><a href="#">商业</a><a href="#">技术</a></div><a href="post.html">
                    <h2 class="h4">Alberto Savoia可以教你室内设计</h2></a>
                </header>
                <p>奥勒姆·伊普苏姆·多洛尔（Lorem ipsum dolor sit amet）、阿迪皮斯金（consectetur adipiscing elite）、埃乌斯莫德·莫普蒂姆（sed do eiusmod tempor incidedunt ut labore）和多洛雷·麦格纳·阿利夸（dolore ma。但埃尼姆和最小的维尼安，奎斯诺斯特鲁德的奉献，阿迪皮斯金精英，塞德多埃乌斯莫德临时工。</p>
                <footer class="post-footer d-flex align-items-center"><a href="#" class="author d-flex align-items-center flex-wrap">
                    <div class="avatar"><img src="img/me.jpg" alt="..." class="img-fluid"></div>
                    <div class="title"><span>Ray。</span></div></a>
                  <div class="date"><i class="icon-clock"></i> 两个月前</div>
                  <div class="comments"><i class="icon-comment"></i>12</div>
                </footer>
              </div>
            </div>
          </div>
          <div class="image col-lg-5"><img src="img/featured-pic-3.jpeg" alt="..."></div>
        </div>
      </div>
    </section>
    <!-- Divider Section-->
    <section style="background: url(img/divider-bg.jpg); background-size: cover; background-position: center bottom" class="divider">
      <div class="container">
        <div class="row">
          <div class="col-md-7">
            <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</h2><a href="#" class="hero-link">查看更多</a>
          </div>
        </div>
      </div>
    </section>
    <!-- Latest Posts -->
    <section class="latest-posts"> 
      <div class="container">
        <header> 
          <h2>来自博客的最新消息</h2>
          <p class="text-big">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
        </header>
        <div class="row">
          <div class="post col-md-4">
            <div class="post-thumbnail"><a href="post.html"><img src="img/blog-1.jpg" alt="..." class="img-fluid"></a></div>
            <div class="post-details">
              <div class="post-meta d-flex justify-content-between">
                <div class="date">20 May | 2019</div>
                <div class="category"><a href="#">商业</a></div>
              </div><a href="post.html">
                <h3 class="h4">记住你重要想法的方法</h3></a>
              <p class="text-muted">Alberto Savoia可以教你关于室内设计的知识，包括dolor sit amet，Concestetur Adipiscing Elite，sed do eiusmod Temporar incidedunt ut labore。</p>
            </div>
          </div>
          <div class="post col-md-4">
            <div class="post-thumbnail"><a href="post.html"><img src="img/blog-2.jpg" alt="..." class="img-fluid"></a></div>
            <div class="post-details">
              <div class="post-meta d-flex justify-content-between">
                <div class="date">20 May | 2019</div>
                <div class="category"><a href="#">技术</a></div>
              </div><a href="post.html">
                <h3 class="h4">工程多样性：对问题的影响</h3></a>
              <p class="text-muted">洛勒姆·伊普苏姆·多洛尔坐在阿梅特的位子上，他是一位杰出的献身者，他是一位临时工。</p>
            </div>
          </div>
          <div class="post col-md-4">
            <div class="post-thumbnail"><a href="post.html"><img src="img/blog-3.jpg" alt="..." class="img-fluid"></a></div>
            <div class="post-details">
              <div class="post-meta d-flex justify-content-between">
                <div class="date">20 May | 2019</div>
                <div class="category"><a href="#">财务</a></div>
              </div><a href="post.html">
                <h3 class="h4">Alberto Savoia可以教你室内设计</h3></a>
              <p class="text-muted">洛勒姆·伊普苏姆·多洛尔坐在阿梅特的位子上，他是一位杰出的献身者，他是一位临时工。</p>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Newsletter Section-->
    <section class="newsletter no-padding-top">    
      <div class="container">
        <div class="row">
          <div class="col-md-6">
            <h2>订阅新闻稿</h2>
            <p class="text-big">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
          </div>
          <div class="col-md-8">
            <div class="form-holder">
              <form action="#">
                <div class="form-group">
                  <input type="email" name="email" id="email" placeholder="输入您的电子邮件地址">
                  <button type="submit" class="submit">订阅</button>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Gallery Section-->
    <section class="gallery no-padding">    
      <div class="row">
        <div class="mix col-lg-3 col-md-3 col-sm-6">
          <div class="item"><a href="img/gallery-1.jpg" data-fancybox="gallery" class="image"><img src="img/gallery-1.jpg" alt="..." class="img-fluid">
              <div class="overlay d-flex align-items-center justify-content-center"><i class="icon-search"></i></div></a></div>
        </div>
        <div class="mix col-lg-3 col-md-3 col-sm-6">
          <div class="item"><a href="img/gallery-2.jpg" data-fancybox="gallery" class="image"><img src="img/gallery-2.jpg" alt="..." class="img-fluid">
              <div class="overlay d-flex align-items-center justify-content-center"><i class="icon-search"></i></div></a></div>
        </div>
        <div class="mix col-lg-3 col-md-3 col-sm-6">
          <div class="item"><a href="img/gallery-3.jpg" data-fancybox="gallery" class="image"><img src="img/gallery-3.jpg" alt="..." class="img-fluid">
              <div class="overlay d-flex align-items-center justify-content-center"><i class="icon-search"></i></div></a></div>
        </div>
        <div class="mix col-lg-3 col-md-3 col-sm-6">
          <div class="item"><a href="img/gallery-4.jpg" data-fancybox="gallery" class="image"><img src="img/gallery-4.jpg" alt="..." class="img-fluid">
              <div class="overlay d-flex align-items-center justify-content-center"><i class="icon-search"></i></div></a></div>
        </div>
      </div>
    </section>
    <!-- Page Footer-->
    <footer class="main-footer">
      <div class="container">
        <div class="row">
          <div class="col-md-4">
            <div class="logo">
              <h6 class="text-white">RuiyeClub</h6>
            </div>
            <div class="contact-details">
              <p>湖南省株洲市</p>
              <p>QQ: 185048761</p>
              <p>电子邮箱: <a href="mailto:info@company.com">185048761@qq.com</a></p>
              <ul class="social-menu">
                <li class="list-inline-item"><a href="#"><i class="fa fa-facebook"></i></a></li>
                <li class="list-inline-item"><a href="#"><i class="fa fa-twitter"></i></a></li>
                <li class="list-inline-item"><a href="#"><i class="fa fa-instagram"></i></a></li>
                <li class="list-inline-item"><a href="#"><i class="fa fa-behance"></i></a></li>
                <li class="list-inline-item"><a href="#"><i class="fa fa-pinterest"></i></a></li>
              </ul>
            </div>
          </div>
          <div class="col-md-4">
            <div class="menus d-flex">
              <ul class="list-unstyled">
                <li> <a href="#">我的账户</a></li>
                <li> <a href="#">添加清单</a></li>
                <li> <a href="#">价钱</a></li>
                <li> <a href="#">隐私 &amp; 政策</a></li>
              </ul>
              <ul class="list-unstyled">
                <li> <a href="#">我们的伙伴</a></li>
                <li> <a href="#">常见问题</a></li>
                <li> <a href="#">这个怎么运作</a></li>
                <li> <a href="#">联系</a></li>
              </ul>
            </div>
          </div>
          <div class="col-md-4">
            <div class="latest-posts"><a href="#">
                <div class="post d-flex align-items-center">
                  <div class="image"><img src="img/small-thumbnail-1.jpg" alt="..." class="img-fluid"></div>
                  <div class="title"><strong>所以预算的酒店</strong><span class="date last-meta">2019年10月26日</span></div>
                </div></a><a href="#">
                <div class="post d-flex align-items-center">
                  <div class="image"><img src="img/small-thumbnail-2.jpg" alt="..." class="img-fluid"></div>
                  <div class="title"><strong>伦敦大街上的阿特斯</strong><span class="date last-meta">2019年10月26日</span></div>
                </div></a><a href="#">
                <div class="post d-flex align-items-center">
                  <div class="image"><img src="img/small-thumbnail-3.jpg" alt="..." class="img-fluid"></div>
                  <div class="title"><strong>悉尼最好的咖啡馆</strong><span class="date last-meta">2019年10月26日</span></div>
                </div></a></div>
          </div>
        </div>
      </div>
      <div class="copyrights">
        <div class="container">
          <div class="row">
            <div class="col-md-6">
              <p>Copyright &copy; 2019.Company name All rights reserved.</p>
            </div>
            <div class="col-md-6 text-right">
              
                
              </p>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <!-- JavaScript files-->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/popper.js/umd/popper.min.js"> </script>
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
    <script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
    <script src="vendor/@fancyapps/fancybox/jquery.fancybox.min.js"></script>
    <script src="js/front.js"></script>
  </body>
</html>